  .main{
            width: 1200px;height: 600px;margin:20px auto;
          }
          .main .header{width: 600px;height: 60px;margin: 0 auto;}
          .main .header input:nth-child(1){
            width: 200px;
          }
          .main .header input{
      height: 36px;
      padding: 0 0 0 15px;
   }
          .main .header a{
      background: #2196F3;
      height: 36px;
      padding: 8px 18px;
      text-decoration: none;
      color: white;
   }
   .todo-item{
       width: 800px;
       height: 400px;
       margin: 0 auto;
       padding: 10px;
       box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
   }
     .todo-item .items{
       width: calc(25% - 45px);
       display: block;
       float: left;
       box-shadow: 1px 1px 1px 1px rgb(183, 195, 206);
       text-align: center;
       margin: 5px;
       box-sizing: content-box;
       font-size: 12px;
       min-height: 70px;
       padding: 15px;
   }
       .todo-item .items .text{}
         .todo-item .items .time{}